import Link from 'next/link';
import NavBar from '@/components/NavBar';
import Footer from '@/components/Footer';

export default function NotFound() {
  return (
    <div className='bg-slate-50 text-slate-700 min-h-screen font-sans'>
      <NavBar active='products' />
      <main className='py-8'>
        <div className='container mx-auto px-6'>
          <div className='text-center py-12'>
            <h1 className='text-2xl font-bold text-slate-900 mb-4'>产品不存在</h1>
            <p className='text-slate-600 mb-6'>该产品可能已被删除或移动</p>
            <Link 
              href='/products' 
              className='bg-blue-600 text-white px-6 py-2 rounded-md hover:bg-blue-700 transition-colors'
            >
              返回产品列表
            </Link>
          </div>
        </div>
      </main>
      <Footer />
    </div>
  );
}